'use strict';
var details= {
    parameter:'list',
    num:null,
    pageTitle: [
        '技术体系', '高可靠', '高性能', 'HTTP简单接入', '物联/移动接入'
    ],
    typeTitle:[
        ['历史','开源','验证', '荣誉', '丰富', '部署'],
        ['不丢','海量','保存', '回溯'],
        ['传输','TPS','线程', '大小', '过滤'],
        ['简单','侵入','语言', '价格'],
        ['省电','推送','广播', '开源', '价格']
    ],
    typeText:[
        ['产品历史超过7年，技术体系丰富成熟，阿里内部产品名：MetaQ、Notify',
            '开源社区产品名：RocketMQ，无技术绑定风险',
            '阿里多年双11使用的消息中间件，每天流转几千亿条',
            'MQ是消息领域的领跑者，多次在国内外获奖',
            '定时（延迟）消息、事务消息、消息查询、消息轨迹、统计查询、监控报警',
            '支持专有云、VPC、混合云，独立部署仅需几台机器'
        ],
        ['一份消息多份落盘存储，经过严格断电测试，消息依然保证不丢失堆积',
            '海量消息堆积，单个Topic可堆积100亿+条消息，防止系统高流量崩溃',
            '默认情况下消息落盘保留3天，定时消息上限为40天',
            '可重新消费历史消息，最大程度降低程序代码BUG的影响'
        ],
        ['同一网络内，消息传输RT在10毫秒之内，性能测试下，网卡可被打满',
            '单个Topic最高可扩展至10W以上TPS',
            '支持多线程高并发',
            '单条消息默认最大支持256K，北京为4M',
            '支持服务端高性能TAG过滤'
        ],
        ['支持RESTful风格HTTP/S协议完成收发消息,可以解决跨语言使用MQ问题',
            'MQ不需要在客户端开HTTP服务，对本地服务毫无侵入',
            'Java、Python、PHP全面支持',
            '长期免费'
        ],
        [' 完整的实现MQTT协议，移动端耗电量大大降低',
            '真正的实时推送，支持上千万终端同时在线',
            '支持P2P,1对多广播等复杂的视频直播、社交互动场景',
            '业内大量开源客户端可接入',
            '长期免费'
        ]
    ],
    typewriting:function(s,con){
         //con = $('.details_tex2');
        con=$(con);
        var index = 0,
            length = s.length,
            tId = null;

        function start(){
            con.text('');

            tId=setInterval(function(){
                con.append(s.charAt(index));
                if(index++ === length){
                    clearInterval(tId);
                    index = 0;

                }
            },100);
        }
        start();
    },

    getParam:function(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return (r[2]);
        return null;
    },
    createDiv:function(){
         var details_tex2=$('.details_tex2');
         $.each(this.typeTitle[this.num],function(i){
            details_tex2.append('<li><span>'+details.typeTitle[details.num][i]+'</span><b></b></li>')
         });
    },
    setTitle: function(num) {
        var $details_tex1 = $('.details_tex1');
        $details_tex1.text(this.pageTitle[num]);
    },
    setTitleImg: function(num) {
        $('.details_bg1 img').attr('src', './img/middle_'+ num +'.png');
    },

    init: function () {

        this.num = this.getParam(this.parameter) - 1;
        this.createDiv(this.num);
        this.setTitleImg(this.getParam(this.parameter));
        this.setTitle(this.num);
        var detail_text2_b=$('.details_tex2 b');
        console.log(detail_text2_b);
        $.each(detail_text2_b,function(i){
            console.log(detail_text2_b[i]);
            details.typewriting(details.typeText[details.num][i],detail_text2_b[i]);
        });
        //this.typewriting(this.typeText[this.num][0],);

    }
};
details.init();

console.log(details.num);